<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>登录</title>
    <link rel="stylesheet" href="static/css/normalize.min.css">
    <link rel="stylesheet" href="static/css/login.css">
    <script src="static/js/jquery.min.js" charset="UTF-8"></script>
    <script type="text/javascript">
        // $(function () {
        //     $("#loginBtn").click(function () {
        //         let username = $("#username").val();
        //         let password = $("#password").val();
        //       $.ajax({
        //          url: "/login",
        //          type: "post",
        //           data:{
        //               username: username,
        //               password: password
        //             },
        //          datatype: "json",
        //          success: function (data) {
        //              alert(data);
        //          }
        //       });
        //     })
        // })
    </script>
</head>

<body>
<div id="formContainer" class="dwo">
    <div class="formLeft">
        <img src="static/images/avatar.png">
    </div>
    <div class="formRight">
        <!-- 忘记密码 -->
        <form id="forgot" class="otherForm">
            <header>
                <h1>忘记密码</h1>
                <p>输入邮箱找回密码</p>
            </header>
            <section>
                <label>
                    <p>邮箱</p>
                    <input type="email" placeholder=" ">
                    <div class="border"></div>
                </label>
                <button type="submit">发送邮件</button>
            </section>
            <footer>
                <button type="button" class="forgotBtn">返回</button>
            </footer>
        </form>

        <!-- 登入 -->
        <form id="login" action="#">
            <header>
                <h1>欢迎回来</h1>
                <p>请先登录</p>
            </header>
            <section>
                <label>
                    <p>用户名</p>
                    <input type="text" placeholder=" " name="username" id="username">
                    <div class="border"></div>
                </label>
                <label>
                    <p>密码</p>
                    <input type="password" placeholder=" " name="password" id="password">
                    <div class="border"></div>
                </label>
                <button type="submit" id="loginBtn">登 录</button>
            </section>
            <footer>
                <button type="button" class="forgotBtn">忘记密码？</button>
            </footer>
        </form>

    </div>
</div>
<script src="static/js/jquery.min.js"></script>
<script src="static/js/script.js"></script>
</body>

</html>